<template>
  <view>
    <u-cell-group>
      <u-cell v-for="item in list1" :key="item.id" :title="item.title" @click="goRoomMessage(item.title)"></u-cell>
    </u-cell-group>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        list1: [{
          title: '',
          id: 1
        }, {
          title: '',
          id: 2
        }, {
          title: '',
          id: 3
        }, {
          title: '',
          id: 4
        }]
      };
    },
    methods: {
      goRoomMessage(title) {
        uni.navigateTo({
          url: `/pkg-house/room-message/room-message?title=${title}`
        })
      }
    },
    onLoad({
      title
    }) {
      this.list1.forEach(item => item.title = `${title}${item.id}01`)
    }
  }
</script>

<style lang="scss">

</style>
